import React from 'react';
import TimerActionButton from './TimerActionButton';
class Timer extends React.Component{
    // componentDidMount() {
    //     this.forceUpdateInteval=setInterval(()=>{
    //         this.forceUpdate(),500
    //     })
    // }
    //
    // componentWillUnMount() {
    //     clearInterval(this.forceUpdateInteval)
    // }

    handleTrashClick=()=>{
        this.props.onTrashClick(this.props.id)
    }
    handleStartClick=()=>{
        this.props.onStartClick(this.props.id)
    }
    handleStopClick=()=>{
        this.props.onStopClick(this.props.id)
    }

    render() {
        return(
            <div>
                <div>
                    <label>{this.props.id}</label>
                </div>
                <div>
                    <label>{this.props.title}</label>
                </div>
                <div>
                    <label>{this.props.project}</label>
                </div>
                <div>
                    <label>{this.props.elapsed}</label>
                </div>
                <div>
                    <button onClick={this.props.onEditClick}>编辑</button>
                    <button onClick={this.handleTrashClick}>删除</button>
                    <TimerActionButton timerIsRunning={!!this.props.runningSince} onStartClick={this.handleStartClick} onStopClick={this.handleStopClick}></TimerActionButton>
                </div>
            </div>
        )
    }
}

export  default Timer;